import Vue from 'vue'
import App from './App.vue'
import "./assets/css/both.css"
import "./assets/css/style.css"

Vue.config.productionTip = false

//导入路由
import VueRouter from 'vue-router'
//use
Vue.use(VueRouter)
//导入 需要通过路由管理的组件
import index from './components/index.vue'
import html from './components/html.vue'
import css from './components/css.vue'
import zhuce from './components/zhuce.vue'
import test from './components/test.vue'
import country from './components/country.vue'
//创建路由
let router = new VueRouter({
  routes: [
    //配置地址 和 组建的对应关系
    {
      //地址
      path:"/",
      //组件
      component:index
    },
    {
      //地址
      path:"/index",
      //组件
      component:index
    },
    {
      //地址
      path:"/zhuce",
      //组件
      component:zhuce
    },
    {
      //地址
      path:"/html",
      //组件
      component:html
    },
    {
      //地址
      path:"/css",
      //组件
      component:css
    },
    {
      //地址
      path: "/test",
      //组件
      component:test
    },
    {
      //地址
      path:"/country",
      //组件
      component:country
    }
  ]
})

//导入 element-ui
import ElementUI from 'element-ui'
//导入 element-ui的样式
import 'element-ui/lib/theme-chalk/index.css';
//use一下
Vue.use(ElementUI)

new Vue({
  render: h => h(App),
  //挂载到Vue实例上
  router
}).$mount('#app')
